<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="common/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="common/bootstrap/css/bootstrapValidator.css"/>
    <script type="text/javascript" src="common/bootstrap/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="common/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="common/bootstrap/js/bootstrapValidator.js"></script>
    <script type="text/javascript" src="javascript/register.js"></script>
    <style type="text/css">
        body {
            background: url(/images/login.jpg) no-repeat;
            background-size: cover;
        }

        .container {
            width: 90%;
            height: 800px;
            padding-top: 30px;
        }
    </style>
</head>
<body>
<div class="container">
    <div style="margin: 0 auto;width: 400px;padding: 10px;padding: 10px 40px;border: 4px solid #204d74;">
        <form role="form" id="form-reg" style="margin-top: 30px;">
            <div class="form-group">
                <h2 style="font-weight: 700;text-align: center">客户注册</h2>
            </div>
            <div class="form-group">
                <div class="alert alert-danger alert-dismissable" id="msgbox" style="display: none">
                    <button type="button" class="close" data-dismiss="alert"
                            aria-hidden="true">
                        &times;
                    </button>
                    <strong id="message">错误，请进行一些更改！</strong>
                </div>
            </div>

            <div class="form-group">
                <label>姓名</label>
                <input type="text" class="form-control" name="username" placeholder="请输入你的姓名" autocomplete="off"/>
            </div>
            <div class="form-group">
                <label>电话</label>
                <input type="text" class="form-control" name="phone" placeholder="请输入手机号码" autocomplete="off"/>
            </div>
            <div class="form-group">
                <label>邮箱</label>
                <input type="text" class="form-control" name="email" placeholder="请输入邮箱" autocomplete="off"/>
            </div>
            <div class="form-group">
                <label>密码</label>
                <input type="password" class="form-control" name="password" placeholder="请输入密码" autocomplete="new-password"/>
            </div>
            <div class="form-group">
                <label>确认密码</label>
                <input type="password" class="form-control" name="newpassword" placeholder="请输入确认密码" autocomplete="new-password"/>
            </div>
            <div class="form-group">
                <div>
                    <label class="radio-inline">
                        <input type="radio" name="gender" value="1" checked>男
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="gender" value="0">女
                    </label>
                </div>
            </div>
            <div class="form-group">
                <div class="text-right">
                    <button type="button" id="btn-reg" class="btn btn-success">注册</button>
                    <a type="button" href="/login.html" class="btn btn-primary">登录</a>
                </div>
            </div>
        </form>
    </div>

</div>
<script type="text/javascript" src="js/register.js"></script>
</body>
</html>